@page "/"

<style>
    .nav-button-look {
        display: inline-block;
        vertical-align: middle;
    }

    .nav-button-look i  {
        color: var(--rz-panel-menu-icon-color);
    }
</style>

<PageTitle>Welcome</PageTitle>

<RadzenText TextStyle="TextStyle.H4">Welcome to Mission Control</RadzenText>

<div>
    <RadzenText>
        If you are working on a brand new cluster:
    </RadzenText>
    <ul>
        <li>
            <RadzenText>Configure your devices (e.g. render nodes) in <RadzenLink Icon="view_cozy" Path="/devices" Text="Devices" /></RadzenText>
        </li>
    </ul>
</div>

<RadzenText>Then you can:</RadzenText>
<div>
    <ul>
        <li>
            <RadzenText>Manage your assets (executable projects) in <RadzenLink Icon="view_in_ar" Path="/assets" Text="Assets" /></RadzenText>
        </li>
        <li>
            <RadzenText>Select the asset to launch and configure how to launch it in <RadzenLink Icon="rocket_launch" Path="/launch" Text="Configuration" /></RadzenText>
        </li>
        <li>
            <RadzenText>Save and load back launch configuration in <RadzenLink Icon="photo_camera" Path="/missions" Text="Snapshots" /></RadzenText>
        </li>
        <li>
            <RadzenText>Monitor the state of the different devices in <RadzenLink Icon="monitor_heart" Path="/monitor" Text="Monitoring" /></RadzenText>
        </li>
    </ul>
</div>
